@charset "utf-8";
/* CSS Document */

/*index firstPart*/
#ranking { width:988px; height:114px; overflow:hidden; margin:12px auto 0 auto; padding:8px; background: url(../images/rankingbg.png) no-repeat center;}
#ranking ul.no1 { width:496px;  margin:42px 0 0 12px;}
#ranking ul.no1 li { width:110px; float:left; padding-left:52px;}
#ranking ul.no1 li img { width:44px; height:44px; display:block;}
#ranking ul.no1 li p { text-align:center; line-height:25px; font-weight:bold; display:block;}
#ranking ul.no1 li p.pic { margin-left:33px; text-align:left;}
#ranking ul.no1 li a { color:#02ABE2; display:block;}
#ranking ul.no1 li a:hover { color:#CCC;}

#ranking ul.no2 { width:200px; min-height:91px; margin:13px 0 0 30px; background:url(../images/linebg02.jpg) no-repeat left top;}
#ranking ul.no2 li { width:190px; padding:0 0 5px 10px; float:left; line-height:26px;}
#ranking ul.no2 li a { width:130px; display:block; float:left; color:#02ABE2;}
#ranking ul.no2 li a:hover { color:#C5C3C3;}
#ranking ul.no2 li a span { width:94px; display:block; float:left; padding-left:10px; cursor:pointer;}
#ranking ul.no2 li img { width:26px; height:26px; float:left; display:block; vertical-align:middle;}
#ranking ul.no2 li span.left { float:right; color:#C5C3C3;}
/*index firstPart end*/

/*main*/
.main { width:1004px; margin:20px auto 0 auto; position:relative; word-break:break-all;}
.content { width:251px; float:left;}
.con_pic { width:229px; float:left; background:url(../images/mainbg01.png) no-repeat left top; padding:11px 10px 0 12px;}
.con_con { width:229px; float:left; line-height:20px; font-size:12px; color:#676767;}
.con_con img {max-width:228px;_width:expression(this.width<228px?"auto":"228px"); display:block; margin:0 auto; cursor:pointer;}
.con_dis { width:221px; float:left; background:url(../images/mainbg02.png) no-repeat left bottom; padding:10px 15px 20px 15px; text-align:center; line-height:28px; font-size:15px; color:#C5C3C3; font-weight:bold; }
.con_dis img {vertical-align:middle; height:28px; margin-right:5px; margin-left:15px;}

.con_pic_name  { width:210px; height:auto; margin-top:5px; padding-left:14px; padding-top:5px; float:left; overflow:hidden;}
.con_pic_name h3 { width:210px; height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:bold; color:#02ABE2; font-family:"Arial";}
.con_pic_name h3 a { color:#02ABE2;}
.con_pic_name h3 a:hover { color:#F60;}

.con_pic_name div { padding:0 20px 0 18px; float:left; color:#666; line-height:25px; overflow:hidden;}
.con_pic_name div a { color:#666;}
.con_pic_name div a:hover { color:#02ABE2;}
.con_pic_name div.name { background: url(../images/icon02.jpg) no-repeat left center; }
.con_pic_name div.type { background: url(../images/icon03.jpg) no-repeat left center; }
.con_pic_name div.time { background: url(../images/icon04.jpg) no-repeat left center; }
.con_pic_name div.attention { background: url(../images/icon05.jpg) no-repeat left center; }

.con_script {width:210px; height:auto; margin-top:5px; padding-left:10px; float:left; padding-top:5px; overflow:hidden; line-height:25px; color:#333;}
.con_script p { text-indent:2em;}
/* end main*/

/* end index*/

/* article*/
.main .left { width:305px; float:left; height:auto; overflow:hidden;}
.left_name { width:305px; height:90px; overflow:hidden;}
.left_name dd { float:left; height:70px; width:190px; padding-top:20px; padding-right:10px; overflow:hidden; background:url(../images/linebg01.png) no-repeat bottom right; line-height:30px; font-size:15px; color:#000; text-align:right;}
.left_name dd a { color:#666; font-size:12px;}
.left_name dd a:hover { color:#02ABE2;}
.left_name dt { width:93px; height:87px; float:right; background:url(../images/picbg01.png) no-repeat center; text-align:right; padding-top:3px; padding-right:3px;}

.left_profile { width:305px; height:auto; overflow:hidden; margin-top:10px;}
.left_profile ul { width:305px; height:auto; overflow:hidden; text-indent:2em; color:#666; line-height:25px;}
.left_profile dl { width:305px; height:44px; overflow:hidden; margin-top:10px;}
.left_profile dl dd { width:180px; height:44px; float:left; background:url(../images/btn03.jpg) no-repeat center; }
.left_profile dl dd span { display:block; width:60px; float:left; text-align:center; line-height:22px; color:#555;}
.left_profile dl dd span p.c333 { font-weight:bold; color:#333;}
.left_profile dl dt { float:right; width:96px; height:44px;}
.left_profile dl dt img { display:block;}
.left_profile dl dt input { width:96px; height:44px; border:0px; background:url(../images/btn04.jpg) no-repeat center; cursor:pointer;}

.main .right { width:690px; float:right; height:auto; overflow:hidden; padding-bottom:30px;}
.right_article { width:684px; height:auto; padding-bottom:10px; background:url(../images/articlebg03.png) no-repeat right bottom; float:right;}
.right_article h1 { width:667px; height:45px; line-height:44px; padding:10px 5px 0 12px; background:url(../images/articlebg01.png) no-repeat top right; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.right_article h1 span { width:620px; border-bottom:1px solid #D9EAEF; display:block; margin:0 auto;}
.right_article div.art_all { width:667px; height:auto; padding:10px 5px 0 12px; overflow:hidden; background:url(../images/articlebg02.png) repeat-y top right;}

.art { width:600px; height:auto; overflow:hidden; margin:0 auto; font-size:14px; color:#333; line-height:25px;}
.art p { text-indent:2em;}

.relevant { width:600px; height:auto; overflow:hidden; margin:0 auto; color:#333; line-height:30px; margin-top:10px;}
.relevant dl dd { float:left; color:#666;}
.relevant dl dd span { padding:0 15px 0 0;}
.relevant dl dd span a { color:#666;}
.relevant dl dd span a:hover { color:#02ABE2;}
.relevant dl dt { float:right; color:#666;}
.relevant dl dt span { float:left; padding-left:20px; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.relevant dl dt span a { padding-right:15px;}
.relevant dl dt span img {vertical-align:middle;}

.review { width:620px; margin:10px auto 0 auto; overflow:hidden; }
.review dl {width:620px; border-top:1px solid #D9EAEF; margin:10px auto 0 auto; overflow:hidden; padding-top:15px;}
.review dl dt { width:51px; height:51px; float:left; padding-left:15px;}
.review dl dd { width:535px; padding:0 10px 0 9px; float:left; line-height:25px; color:#666;}
.review dl dd a { color:#333;}
.review dl dd a:hover { color:#02ABE2;}
.review dl dd span { color:#999;}
.review ul { width:600px; margin:10px auto 0 auto; text-align:center; height:40px; color:#666;}
.review ul a span { border:1px solid #ccc; padding:5px; margin:2px; color:#666;}
.review ul a:hover span { background:#87A4B6; color:#FFF;}
.review ul span.last { background:url(../images/btn05.png) no-repeat 2px center; padding-left:10px; color:#666;}
.review ul a:hover span.last { background:url(../images/btn05.png) no-repeat 2px center #87A4B6; padding-left:10px; color:#FFF;}
.review ul span.next { background:url(../images/btn06.png) no-repeat 45px center; padding-right:10px; color:#666;}
.review ul a:hover span.next { background:url(../images/btn06.png) no-repeat 45px center #87A4B6; padding-right:10px; color:#FFF;}
.review ul a SPAN.disabled {background-color: #F9F9F9;border: 1px solid #DDDDDD;color: #AAAAAA; margin: 2px; padding: 5px;}
.review ul a SPAN.current {background-color: #FD9706;border: 1px solid #D9D300;color: #FFFFFF;font-weight: bold;margin: 2px;padding: 5px;}

.report { width:620px; height:auto; margin:10px auto 20px auto; border-top:1px solid #D9EAEF;}
.report textarea { width:590px; padding:0 5px; margin:15px auto 0 auto; display:block; border:1px solid #ccc; color:#666; line-height:25px; height:75px;}
.report input[type=submit]{ cursor:pointer; margin:15px 0 0 508px; width:104px; height:34px; line-height:34px; color:#1e395b; font-size:14px; font-weight:bold; border:none; background:url(../images/whiteBtn02.png) no-repeat center;}
	.report input[type=submit]{ cursor:pointer; margin:15px 0 0 508px; width:104px; height:34px; line-height:34px; color:#1e395b; font-size:14px; font-weight:bold; border:none; background:url(../images/whiteBtn02.png) no-repeat center;}
/* end article*/

/*write article start*/
.TabTitle{ overflow:hidden; margin:18px auto 0; width:995px; height:50px; background:url(../images/writeA_t_bg.png) repeat-x left bottom;}
.TabTitle li{ cursor:pointer; float:left; width:141px; line-height:50px; text-transform:uppercase; font-size:14px; text-align:center;}
.TabTitle li.active{ margin-left:-1px; background:url(../images/writeA_t_bg_cur.png) no-repeat left bottom;}

.TabContent{ margin:0 auto; width:993px; border:#c6c6c6 solid 1px; border-top:none; box-shadow:0px 1px 2px #ddd; background-color:#fff;}
.TabContent .content11{ overflow:hidden; text-align:center; padding:20px 40px;}
.TabContent .none{ overflow:hidden; text-align:center; padding:20px 40px;display: none;}
.TabContent .tline{ overflow:hidden; text-align:left; margin:10px auto;}
.TabContent .uploadify{ float: left;}
.TabContent .writeBox{ overflow:hidden; margin:10px 0;}
.TabContent .tline .tname,.TabContent .writeBox .tname{text-align: left; line-height:40px; font-size:14px; font-family:"Microsoft Yahei" "微软雅黑"; color:#4a4949; font-weight:bold; padding-right:10px; float:left; width:90px;}

.TabContent .btn,.TabContent .btn:hover{ text-align: center; border-radius:0; float:left; cursor:pointer; width:118px !important; height:38px !important; line-height:38px !important; font-size:16px; color:#555; border:none; background:url(../images/whiteBtn.png) no-repeat center;}
.TabContent .tline input[type=text]{ width:780px; height:30px; margin-top:5px; padding:0 5px; line-height:30px; border-radius:5px;background-color:white; border:1px solid #CCC;
 -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -o-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.TabContent .w130 input[type=text]{ width:160px !important;}
.TabContent .aticleBtn{ cursor:pointer; width:121px; height:48px; margin:0 auto; line-height:48px; color:#555; font-family:Verdana, Geneva, sans-serif; text-shadow:1px 0px 0px #eee; font-weight:bold; font-family:"黑体"; font-size:16px; border:none; background:url(../images/blueBtn.png) no-repeat center;}

.article_Con{ float:left; position: relative; padding-top:20px;}
.article_Con .uploadify{position: absolute; left:680px; top:-4px; text-align:center;}
.article_Con .uploadify object{ left: 0px;}
.article_Con .addImg{ cursor: pointer; display:block; text-align:center; color: #444; text-decoration: underline; z-index:4;}
.article_Con .addImg:hover{ color: #0000ee;}
.TabContent .tline input[type=text]:focus{ outline:none;}
.TabContent .sort{ margin:10px auto 20px 95px; text-align:left;}
.TabContent .sort span{ cursor:pointer; color:#444; font-size:13px; padding:3px 4px; margin:0 5px; line-height:1.7}
.TabContent .sort span:hover,.TabContent .sort .cur{ background-color:#1aa8d6; color:#fff; border-radius:3px; box-shadow:0 0 3px #1aa8d6;}
.scanAticle{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.scanAticle .scan_content{width:900px; height:90%; overflow:auto; margin:20px auto 0; background-color:#fff; border:#7378A4 solid 1px; box-shadow:inset 0 0 3px #394882, 0 0 5px #C2D5DE;}
	.scanAticle{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
	.scanAticle .scan_content{width:900px; height:90%; overflow:auto; margin:20px auto 0; background-color:#fff; border:#7378A4 solid 1px; box-shadow:inset 0 0 3px #394882, 0 0 5px #C2D5DE;}
/*write article end*/

/*login start*/
.login_box{ width:420px; height:282px; padding:60px 60px 50px 50px; position:relative; top:20px; left:50%; margin-left:-270px;font-family:Arial, Helvetica, sans-serif; background:url(../images/login_bg.png) no-repeat center;}
.login_box h3{ padding-left:10px; font-size:19px; color:#999; text-shadow:1px 0 1px #e1e1e1;}
.login_box .p01{ width:434px; height:63px; margin:6px 0 15px 0; background:url(../images/input_name_bg.png) no-repeat center;}
.login_box .p01>input{ height:25px; width:344px; line-height:25px; font-size:16px; color:#989898; text-shadow:1px 0 1px #e5e5e5;font-family:Arial, Helvetica, sans-serif; border:none; margin:18px 10px auto 66px;}
.login_box .p01>input:focus{ outline:none;}
.login_box .p01:hover{ background:url(../images/input_name_curbg.png) no-repeat 1px -1px;}

.login_box .p02{ width:431px; height:58px; margin:6px 0 29px 3px; background:url(../images/input_passw_bg.png) no-repeat center;}
.login_box .p02>input{ height:25px; width:344px; line-height:25px; font-size:16px; color:#989898; text-shadow:1px 0 1px #e5e5e5; border:none; margin:17px 10px auto 66px;}
.login_box .p02>input:focus{ outline:none;}
.login_box .p02:hover{ background:url(../images/input_passw_curbg.png) no-repeat 1px 0px;}
.login_box .loginBtn{ cursor:pointer; margin-left:9px; width:121px; height:48px;  font-size:19px; color:#132e34; text-shadow:1px 0 1px #5191a0; border:none; background:url(../images/blueBtn.png) no-repeat center;}
.login_box > a{ position:absolute; bottom:72px; left:200px; font-size:14px; color:#b6c9cf;}
.login_box > a:hover{ color:#30b0e2;}
/*login end*/
/*register start*/
.register_wrap{ width:530px; position:relative; top:5px; left:50%; margin-bottom:60px; margin-left:-270px;font-family:Arial, Helvetica, sans-serif; background:url(../images/login_bg_top.png) no-repeat center top;}
.register_box{ width:420px; padding:60px 60px 60px 50px; background:url(../images/login_bg_bottom.png) no-repeat center bottom;}
.register_box h3{ padding-left:10px; font-size:19px; color:#999; text-shadow:1px 0 1px #e1e1e1;}
.register_box .p01{ width:434px; height:63px; margin:6px 0 15px 0; background:url(../images/input_name_bg.png) no-repeat center;}
.register_box .p01>input{ height:25px; width:344px; line-height:25px; font-size:16px; color:#989898; text-shadow:1px 0 1px #e5e5e5;font-family:Arial, Helvetica, sans-serif; border:none; margin:18px 10px auto 66px;}
.register_box .p01>input:focus{ outline:none;}
.register_box .p01:hover{ background:url(../images/input_name_curbg.png) no-repeat 1px -1px;}

.register_box .p02{ width:431px; height:58px; margin:6px 0 25px 3px; background:url(../images/input_passw_bg.png) no-repeat center;}
.register_box .p02>input{ height:25px; width:344px; line-height:25px; font-size:16px; color:#989898; text-shadow:1px 0 1px #e5e5e5; border:none; margin:17px 10px auto 66px;}
.register_box .p02>input:focus{ outline:none;}
.register_box .p02:hover{ background:url(../images/input_passw_curbg.png) no-repeat 1px 0px;}
.register_box .p03{ width:431px; height:58px; margin:6px 0 25px 3px; background:url(../images/input_email_bg.png) no-repeat center;}
.register_box .p03>input{ height:25px; width:344px; line-height:25px; font-size:16px; color:#989898; text-shadow:1px 0 1px #e5e5e5; border:none; margin:17px 10px auto 66px;}
.register_box .p03>input:focus{ outline:none;}
.register_box .p03:hover{ background:url(../images/input_email_curbg.png) no-repeat 2px 1px;}

.register_box .loginBtn{ cursor:pointer; margin-left:9px; width:121px; height:48px;  font-size:19px; color:#132e34; text-shadow:1px 0 1px #5191a0; border:none; background:url(../images/blueBtn.png) no-repeat center;}
.register_box > a{ position:absolute; bottom:72px; left:200px; font-size:14px; color:#b6c9cf;}
.register_box > a:hover{ color:#30b0e2;}

#validate{color:#b22222;margin-bottom: 10px;}
.validate{}
.errorlist > li {color:#b22222;margin-bottom: 10px;}

